
import styled from 'styled-components';


export const ListStyle = styled.div`
    height: 100%;
    width : 100%;
    box-sizing: border-box;
`
export const ListContainerStyle = styled.div`
    width : 100%;
    height: 100%;
    box-sizing: border-box;
    overflow-y: scroll;
`

export const ListUl = styled.ul`

`
export const ListLi = styled.li`
    background-color:#fff;
    margin-bottom: 0.08rem;
    width:3.75rem;

    a{
        width: 100%;
        display: block;
        overflow: hidden;
        position: relative;
        text-decoration: none;
    }
    .discuss{
        position: absolute;
        left: 0;
        top: 1rem;
        z-index: 1;
        border: .01rem solid #eee;
        border-left: 0;
        border-top-right-radius: 0.5625rem;
        border-bottom-right-radius: 0.5625rem;
        color: #666;
        background: rgba(251,251,251,.8);
        font-size: .11rem;
        padding: .04rem .07rem;
    }
    .shopMessage{
        overflow: hidden;
        text-align: center;
    }
    img{
        margin: 0 auto;
        height: 1.2rem;
    }
    .shopList{
        font-size: .14rem;
        max-height: .34rem;
        line-height: .18rem;
        padding: 0 .12rem;
        margin-top: .1rem;
        color: #424242;
        overflow: hidden;
    }
    .goods-num{
        margin-left: .02rem;
        color: #fe4070;
        display: inline-block;
    }
    .good-foot{
        padding: .12rem;
        overflow: hidden;
    }
    .price{
        float: left;
    }
    .ct-price{
        font-size: .18rem;
        color: #fe4070;
        font-family: Arial;
    }
    .jm-price{
        font-size: .11rem;
        color: #999;
        display: block;
    }
    .time-right{
        border-radius: .3rem;
        float: right;
        border: .01rem solid #fe4070;
        margin-top: .15rem;
        background: #fe4070;
        padding: .03rem .15rem;
       
        font-size: .14rem;
        color:#fff;
    }
`

export const DetailsTopStyle = styled.div`
    width:.5rem;
    height:.5rem;
    border-radius:50%;
    font-size:.3rem;
    border:.02rem solid #ccc;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:#fff;
    position:fixed;
    right:.2rem;
    bottom:.7rem;
`